<!doctype html>
<html lang="zh-hans">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">

<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/main.css">

<script src="lib/jquery-2.1.1.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>


<title>HfApp--work</title>
<!-- 显示的切换 -->
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#work-content").hide();
$("#work-content2").hide();
// 过滤条件的显示切换
$("#work").click(function(){
$("#work-content").slideDown();
$("#work-content2").slideUp();
});
// 过滤条件的显示切换
$("#kh").click(function(){
$("#work-content2").slideDown();
$("#work-content").slideUp();
});
});
</script> 

<style>
.list-group-item {
text-align: center; 
}

</style>
                                                                                                  
</head>
<body>





<!-- 中间导航菜单   -->

<div class="container">   
<div class="list-group-item  content1">个人考勤</div>
<div class="list-group-item list-group-item-info content1" id="kh">客户管理</div>
<div id="work-content2">
<div class="list-group-item content1">新增客户</div>
<div class="list-group-item content1">客户查询</div>
</div>
<div class="list-group-item list-group-item-info content1" id="work">行动管理</div>
<div id="work-content">
<div class="list-group-item content1">新增行动</div>
<div class="list-group-item content1">行动查询</div>
</div>         
</div>   







</body>
</html>